<!-- 前台 – 我的 – 反馈列表 – 反馈通知		notifications -->
<template>
	<view class="warps">
		<view class="" v-for="(item,index) in 2" :key="index">
			<view class="senter hui p_t_20">
				<text>3月18日 下午16:23</text>
			</view>
			<view class="notifications-top">
				<view class="w90">
					<view class="vw25 f b c p_t_25">
						<image style="width: 24rpx;height: 24rpx;" src="../../../../static/img/000.png" mode=""></image>
						<text class="">大王水课</text>
					</view>
					<view class="quanxian"></view>
					<view class="f d p_t_25">
						<text class="bold">用户反馈通知</text>
						<text>欢迎使用大王水课欢迎使用大王水课</text>
					</view>
					<view class="p_t_31">
						<text class="hui">反馈问题：</text>
						<text>问题名称问题名称问题名称</text>
					</view>
					<view class="p_t_10">
						<text class="hui">反馈时间：</text>
						<text>反馈时间</text>
					</view>
					<view class="p_t_10">
						<text class="hui">联系方式：</text>
						<text>暂无</text>
					</view>
					<view class="p_t_10 f">
						<text class="hui">问题描述：</text>
						<textarea style="width:468rpx;height: 106rpx;" class="fs16" value="" placeholder="问题描述问题描述问题描述问题描述问题描述问题描述问题描述问题描述问题描述问题描述问题描述问题描述问题描述" />
					</view>
					<view class="quanxian"></view>
					<view class="f b c p_t_20">
						<view>
							<text>查看详情</text>
						</view>
						<view><image style="width: 24rpx;height: 24rpx;" src="../../../../static/img/000.png" mode=""></image></view>
					</view>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {

			}
		},
		onLoad() {
			// 动态导航条文字
			uni.setNavigationBarTitle({
				title: '反馈通知'
			})
		},
		methods: {

		}
	}
</script>

<style scoped>
	.warps {
		/* height: 200vh; */
		overflow: hidden;
		background-color: #F6F8FC;
	}
	.notifications-top{
		width: 686rpx;
		height: 570rpx;
		opacity: 1;
		background: #ffffff;
		border-radius: 8rpx;
		box-shadow: 0rpx 0rpx 8rpx 0rpx rgba(0,0,0,0.16); 
		margin:0 auto;
		margin-top:24rpx;
	}
</style>

